﻿@model GPS.ENTITYS.ViewModelHV_TOTNGHIEP
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Học viên thi tốt nghiệp";
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>

<link href="~/dist/css/bootstrap-select.css" rel="stylesheet" />
<script src="~/dist/js/bootstrap-select.js"></script>

<link href="~/Scripts/select2.css" rel="stylesheet" />
<link href="~/Scripts/select2.min.css" rel="stylesheet" />
<script src="~/Scripts/select2.js"></script>

@*<script src="~/Scripts/jquery-1.10.2.js"></script>*@
<script>

    $(document).ready(function () {
        // load district by province when change in dropdownlist
        @*$("#DVGTVT_MA_dll").change(function () {
            $.ajax({
                url: '@Url.Action("getKH_MAs", "GPS_HocVienTotNghiep")',
                type: 'post',
                data: {
                    ma_DVGT: $('#DVGTVT_MA_dll').val()
                }
            }).done(function (response) {
                // update district by province
                var a = '<option value></option>' + response;   // defaut value
                $("#KH_MA_dll").html(a);

                // reset ward
                var b = '<option value></option>'
                $('#KH_LOP_MA_dll').html(b);
            });
        });*@


        //
        $("#chkAll").click(function () {
            $(".checkBox").not(":disabled").prop('checked',
                $(this).not(":disabled").prop('checked'));
        });

        //$("#Approved").click(function () {
        //    var selectedIDs = new Array();
        //    $('input:checkbox.checkBox').each(function () {
        //        if ($(this).prop('checked')) {
        //            selectedIDs.push($(this).val());
        //        }
        //    });

        //    var options = {};
        //    options.url = "/GPS_HocVienTotNghiep/Approved";
        //    options.type = "POST";
        //    options.data = JSON.stringify(selectedIDs);
        //    options.contentType = "application/json";
        //    options.dataType = "json";
        //    options.success = function (msg) {
        //        // alert(msg);
        //        location.reload();
        //    };
        //    options.error = function () {
        //        alert("Lỗi kết nối với server!");
        //    };
        //    $.ajax(options);

        //});


        $("#cancleapproved").click(function () {
            $("#wait").attr("style", "display:none;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");
            $("#spantext").text('Cập nhật');
            $("#submitapproved").prop('disabled', false);
            
        });

        $("#submitapproved").click(function () {
         
            
            //loading
            // $("#wait").attr("style", "display:block;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");

            var isGood = confirm('Bạn Chắc chắn?');
            if (isGood) {
                $("#spantext").text('Đang xử lý ...');
                $(this).prop('disabled', true);//Phê duyệt thi tốt nghiệp

                var valma_TTSH = $("#DTTN_DTTN_QD_ID").val();
                if (valma_TTSH == null || valma_TTSH == "") {
                    alert('Hãy nhập quyết định thi tốt nghiệp!');
                    return;
                }

                var selectedIDs = new Array();
                $('input:checkbox.checkBox').each(function () {
                    if ($(this).prop('checked')) {
                        selectedIDs.push($(this).val());
                    }
                });

                if (selectedIDs.length <= 0) {
                    alert('Bạn chưa chọn học viên!');
                    $("#spantext").text('Cập nhật');
                    $(this).prop('disabled', false);//Phê duyệt thi tốt nghiệp
                    return;
                }

                //loading
                $("#wait").attr("style", "display:block;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");

                $.ajax({
                    url: '/GPS_HocVienTotNghiep/Approved/',
                    type: 'POST',
                    traditional: true,
                    data: { DTTN_DTTN_QD_ID: valma_TTSH, Categories: JSON.stringify(selectedIDs) },
                    dataType: 'json',
                    success: function (data) {
                        $("#wait").attr("style", "display:none;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");
                        $("#spantext").text('Cập nhật');
                        $(this).prop('disabled', false);
                        
                        location.reload();
                    },
                    error: function () {

                        alert("Lỗi kết nối với server!");
                        $("#wait").attr("style", "display:none;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");
                        $("#spantext").text('Cập nhật');
                        $(this).prop('disabled', false);
                        
                    }
                });

            }




        });

        $(".unApproved").removeAttr("href").css("cursor", "pointer");

        $('.unApproved').click(function () {
            var isGood = confirm('Bạn Thật Sự Muốn hủy dự thi tốt nghiệp với Học Viên Này!');
            if (isGood) {
              
                var title = $(this).attr('title');
                // alert(title);
                var id = title;// title.split('#')[0];
                //  var id2 = title.split('#')[1];
                //loading
                $("#wait").attr("style", "display:block;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");

                var data = { 'id': id }
                $.post('/GPS_HocVienTotNghiep/UnApproved', data,
                function (data) {
                    if (data == true) {
                        $("#wait").attr("style", "display:none;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");
                        location.reload();
                    }
                    else {

                        alert("Có lỗi khi cập nhật dữ liệu");
                        $("#wait").attr("style", "display:none;position:absolute;top:20%;left:50%;padding:2px; z-index:99999");
                    }

                });
            }

        });

        var pageSize = 20;
        var optionListUrl = '@Url.Action("Select2KH_MA_TN", "GPS_Ajax")';

        $('#KH_MA_ddl').select2(
                {
                    ajax: {
                        delay: 50,
                        url: optionListUrl,
                        dataType: 'json',

                        data: function (params) {
                            /// params.page = params.page || 1;
                            return {
                                searchTerm: params.term,
                                dvgtvt_ma: $("#DVGTVT_MA_dll").val()
                                //pageNumber: params.page results: JSON.parse(data)
                            };
                        },
                        processResults: function (data, params) {

                            return {
                                results: data.Results
                            };
                        }
                    },
                    placeholder: "-- Chọn khóa học --",
                    minimumInputLength: 2,
                    allowClear: true,
                    language: { inputTooShort: function () { return 'Nhập lớn hơn 2 ký tự để tìm kiếm khóa học'; } }
                });

    });
</script>

<script type="text/javascript">
    toastr.options = {
        "debug": false,
        "positionClass": "toast-top-right"
    }

   

    $(document).tooltip();

    //$(function () {
    //    // When onchange event occurs on <select id="pagesize">,
    //    // simply submit the form, which will submit the new pagesize value as querystring.
    //    $('#pagesize').on('change', function () {
    //        $('#form1').submit();
    //    });
    //});
</script>

<div id="myModal1" class="modal fade" role="dialog">
    <div id="wait" style="display: none; position: absolute; top: 20%; left: 50%; padding: 2px; z-index: 99999">
        <img src="~/fonts/images/loading16.gif" width="65" height="65" />
    </div>

    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                @*<button type="button" class="close" data-dismiss="modal">&times;</button>*@
                <h4 class="modal-title">Gửi danh sách và phê duyệt thi tốt nghiệp</h4>
            </div>
            <div class="modal-body">
                <div class="row margin-top-05">
                    <div class="col-md-6 control-label">
                        Chọn quyết định thi tốt nghiệp
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownList("DTTN_DTTN_QD_ID", (SelectList)ViewBag.DTTN_QDs, new { @class = "selectpicker show-tick", @title = "Vui lòng chọn khóa học...", @id = "DTTN_DTTN_QD_ID", @style = "font-weight:bold" }) @*new { @class = "form-control", @id = "DTTN_DTTN_QD_ID" })*@
                    </div>

                </div>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" id="submitapproved"><span id="spantext">Cập nhật</span></button>
                <button type="button" class="btn btn-default" data-dismiss="modal" id="cancleapproved">Hủy bỏ</button>
            </div>
        </div>

    </div>
</div>


<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Thông Tin Học viên đủ điều kiện tốt nghiệp</h3>
    <div class="row">

        @using (Html.BeginForm("Index", "GPS_HocVienTotNghiep", FormMethod.Get, new { @id = "form1" }))
        {
            <div class="list-group">
                <fieldset class="fs_body">
                    <legend class="head_title">Điều Kiện Tìm Kiếm</legend>
                    <div class="criteria_search">
                        <br />

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Đơn vị đào tạo
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pDVGTVT_MA, (SelectList)ViewBag.DVGTVT_MAs, string.Empty, new { @class = "form-control", @id = "DVGTVT_MA_dll" })
                            </div>
                            <div class="col-md-2 control-label">
                                Khóa đào tạo
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pKH_MA, (SelectList)ViewBag.KH_MAs, string.Empty, new { @id = "KH_MA_ddl", @title = "Vui lòng chọn khóa học...", @style = "font-weight:bold;width:300px" })
                            </div>
                        </div>

                        <div class="row margin-top-05">

                            <div class="col-md-2 control-label">
                                Mã học viên
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_MA, new { @class = "form-control" })
                            </div>
                            <div class="col-md-2 control-label">
                                Họ và tên
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_HOTEN, new { @class = "form-control" })
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Số CMND
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_CMND, new { @class = "form-control" })
                            </div>

                            <div class="col-md-2 control-label">
                                Hạng đào tạo
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pHANG_DT, (SelectList)ViewBag.HANGDT_MAs, string.Empty, new { @class = "form-control", @id = "HANGDT_MA_dll" })
                            </div>


                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                               Tên khóa Tốt nghiệp
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pSO_QD_TN, (SelectList)ViewBag.DTTN_QDs, string.Empty, new { @class = "selectpicker show-tick", @title = "Vui lòng chọn tên khóa tốt nghiệp...", @id = "SO_QD_TN_dll", @style = "font-weight:bold" }) @*new { @class = "form-control", @id = "SO_QD_TN_dll" })*@
                            </div>

                           
                        </div>


                    </div>


                    <p class="margin-top-05">


                        <button type="submit" class="btn btn-primary btn-sm">
                            <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                        </button>

                        @*@Html.NoEncodeActionLink("<span class='glyphicon glyphicon-plus'></span> Phê duyệt thi tốt nghiệp", "Phê duyệt thi tốt nghiệp", "Approved", "GPS_HocVienTotNghiep", null, htmlAttributes: new { @class = "btn btn-primary btn-sm" })*@

                        <button type="button" class="btn btn-primary btn-sm" id="Approved" value="Phê duyệt thi tốt nghiệp" data-toggle="modal" data-target="#myModal1">
                            <i class='fa fa-file-excel-o'></i> Phê duyệt thi tốt nghiệp
                        </button>

                        @Html.NoEncodeActionLink("<span class='glyphicon glyphicon-plus'></span> Thêm học viên kỳ trước", "Thêm mới học viên kỳ trước", "AddHocVienKhoaTruoc", "GPS_HocVienTotNghiep", null, htmlAttributes: new {data_modal="", @class = "btn btn-primary btn-sm" })



                        @*<button type="submit" class="btn btn-primary btn-sm" name="SearchButton" value="Xuất Excel">
                                <i class='fa fa-file-excel-o'></i> Xuất Excel
                            </button>

                            @Html.NoEncodeActionLink("<i class='fa fa-file-excel-o'></i> Import Excel", "Import Excel", "ImportExcel", "GPS_HocVienTotNghiep", null, htmlAttributes: new { @class = "btn btn-primary btn-sm" })*@


                    </p>
                    <div class="row margin-top-05">
                        <div class="control-label" style="float:left;vertical-align:bottom">

                            Số bản ghi/1 trang :
                        </div>
                        <div style="float:left" class="col-md-2">
                            @Html.DropDownList("pagesize", new List<SelectListItem>
                                {
                                    new SelectListItem() {Text = "25", Value="25"},
                                    new SelectListItem() {Text = "50", Value="50"},
                                    new SelectListItem() {Text = "100", Value="100"},
                                    new SelectListItem() {Text = "150", Value="150"},
                                    new SelectListItem() {Text = "200", Value="200"}
                                }, new { @class = "form-control" })
                        </div>


                    </div>


                </fieldset>
            </div>
        }
        @*@Html.NoEncodeActionLink("<span class='glyphicon glyphicon-plus'></span> Thêm học viên kỳ trước", "Thêm mới học viên kỳ trước", "AddHocVienKhoaTruoc", "GPS_HocVienTotNghiep", null, htmlAttributes: new { @class = "btn btn-primary btn-sm", @id = "btnAddHocVien" })*@



        <br />
        <div class="row">


            <fieldset class="fs_body">
                <legend class="head_title">
                    Kết quả tìm kiếm

                </legend>
                <label id="lblMessageChange" style="color:blue; font-weight:bold">@TempData["ThongBao"]</label> &nbsp;&nbsp;&nbsp;
                <br />
                <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label> &nbsp;&nbsp;&nbsp;

                <table class="table table-hover table-bordered table-condensed">
                    <tr>
                        <th>
                            <input type="checkbox" id="chkAll" />
                        </th>
                        <th>
                            STT
                        </th>
                        <th>
                            Họ Đệm Học Viên
                        </th>
                        <th>
                            Tên Học Viên
                        </th>
                        <th>
                            Ngày Sinh
                        </th>
                        <th>
                            Hạng Đào Tạo
                        </th>
                        <th>
                            Số CMTND
                        </th>
                        <th>
                            Giới Tính
                        </th>
                        <th>
                            Dự tốt nghiệp?
                        </th>
                        <th>
                            QĐTN
                        </th>
                        <th>
                            Thao Tác
                        </th>
                    </tr>
                    @{

                        var strqdtn = string.Empty;
                        var strGV = string.Empty;
                        //GPS.DataAccessLayer.DbContextHelper<GPS.DataAccessLayer.GPS_NVContext> _db = GPS.COMMON.Singleton<GPS.DataAccessLayer.DbContextHelper<GPS.DataAccessLayer.GPS_NVContext>>.Inst;
                        if (Model.SearchResults != null)
                        {
                            //name="chk_@i"
                            int i = 0;
                            var _char = "#";
                            var _disabled = "";
                            var _display = "block";
                            foreach (var item in Model.SearchResults)
                            {
                                if (item.DDTTN_ID != null)
                                {
                                    _disabled = "disabled";
                                    _display = "block";
                                }
                                else
                                {
                                    _disabled = "";
                                    _display = "none";
                                }
                                <tr>
                                    <td>

                                        <input type="checkbox" value="@item.HV_DVGTVT_MA@_char@item.HV_KH_MA@_char@item.HV_MA@_char@item.KH_HANGGPLX_MA@_char@item.KH_HANGDT_MA" class="checkBox" @_disabled />
                                    </td>
                                    <td>
                                        @(i + 1)
                                    </td>

                                    <td align="center">
                                        @Html.DisplayFor(modelItem => (item.HV_HODEM))
                                    </td>
                                    <td align="center">
                                        @Html.DisplayFor(modelItem => (item.HV_TEN))
                                    </td>
                                    <td align="left">
                                        @Html.DisplayFor(modelItem => item.HV_NGAYSINH)
                                    </td>
                                    <td align="left">
                                        @Html.DisplayFor(modelItem => item.HV_HANGDT_MA)
                                    </td>
                                    <td align="left">
                                        @Html.DisplayFor(modelItem => item.HV_SOCMT)
                                    </td>
                                    <td align="left">
                                        @{
                                            if (item.HV_GIOITINH == "F")
                                            {
                                                @Html.Raw("Nữ")
                                            }
                                            else
                                            {
                                                @Html.Raw("Nam")
                                            }
                                        }
                                    </td>

                                    <td align="left">
                                        @{
                                            if (item.DDTTN_ID != null)
                                            {
                                                
                                                @Html.Label("Được dự Thi TN", new { @style = "color:green" })
                                            }
                                            else
                                            {
                                                
                                                @Html.Label("Đang chờ phê duyệt", new { @style = "color:brown" })
                                            }
                                        }
                                    </td>
                                    <td align="left">
                                       @Html.DisplayFor(modelItem => item.DDTTN_QD_TENKHOA)
                                    </td>
                                    <td>
                                        <div class="pull-right">
                                            <a href="@Url.Action("Detail", "GPS_HocVien", new { id = item.HV_MA, id1 = item.HV_DVGTVT_MA })" data-modal="">
                                                <img src="@Url.Content("~/fonts/grid-view-icon.png")" title="Xem chi tiết Học Viên" />
                                            </a>

                                            @if (_display == "block")
                                            {

                                                <a href="#" class="unApproved" title="@item.DDTTN_ID">
                                                    <img src="@Url.Content("~/fonts/grid-delete-icon1.gif")" title="Hủy dự thi tốt nghiệp" />
                                                </a>

                                            }

                                        </div>
                                    </td>
                                </tr>
                                            i++;
                            }
                        }
                    }

                </table>
                <div class="pagination-sm">
                    @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
                       {
                           page,
                           Model.pDVGTVT_MA,
                           Model.pKH_MA,
                           Model.pKH_LOP_MA,
                           Model.pHV_MA,
                           Model.pHV_HOTEN,
                           Model.pHV_CMND,
                           Model.pHANG_DT,
                           Model.pSO_QD_TN,
                           pagesize = ViewBag.CurrentPageSize
                       }))
                </div>
            </fieldset>

        </div>
    </div>
</div>

<div id="wait3" style="display: none; position: absolute; top: 25%; right: 50%; padding: 2px; z-index: 99999">
    <img src="~/fonts/images/loading16.gif" width="65" height="65" />
</div>

<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog" style="width:80%">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

@*@section Scripts {
        @Scripts.Render("~/bundles/modalform")
    }*@


<script type="text/javascript">
    //$('.selectpicker').selectpicker({
    //    liveSearch: true,
    //    showSubtext: true
    //});

        $.ajaxSetup({ cache: false });

        $("a[data-modal]").on("click", function (e) {
           // alert($("#wait3").attr("id"));
            $("#wait3").attr("style", "display:block;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
            $('#myModalContent').load(this.href, function () {


                $('#myModal').modal({
                    /*backdrop: 'static',*/
                    keyboard: true
                }, 'show');

                bindForm(this);
                $("#wait3").attr("style", "display:none;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
            });
            //   $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

            return false;
        });


        $("a[delete-modal]").on("click", function (e) {
            $("#wait3").attr("style", "display:block;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");

            $('#deleteModalContent').load(this.href, function () {

                //  $("#wait1").attr("style", "display:block;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

                $('#deleteModal').modal({
                    /*backdrop: 'static',*/
                    keyboard: true
                }, 'show');

                bindFormDelete(this);
                $("#wait3").attr("style", "display:none;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
            });
            // $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");
            return false;
        });




    function bindForm(dialog) {

        $('form', dialog).submit(function () {
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    if (result.success) {
                        $('#myModal').modal('hide');
                        //Refresh
                        location.reload();
                    } else {
                        $('#myModalContent').html(result);
                        bindForm();
                    }
                }
            });

            // $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

            return false;
        });
    }


    function bindFormDelete(dialog) {

        $('form', dialog).submit(function () {
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    if (result.success) {
                        $('#deleteModal').modal('hide');
                        //Refresh
                        location.reload();
                    } else {
                        $('#deleteModalContent').html(result);
                        bindForm();
                    }
                }
            });

            //  $("#wait1").attr("style", "display:none;position:absolute;top:" + 200 + ";left:" + 200 + ";padding:2px; z-index:99999");

            return false;
        });
    }

</script>



